
.viewer-image__error,
.viewer-image__placeholder {
    background: #F5F7FA
}

.viewer-image__error,
.viewer-image__inner,
.viewer-image__placeholder {
    width: 100%;
    height: 100%
}

.viewer-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.viewer-image__inner {
    vertical-align: top
}

.viewer-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.viewer-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #C0C4CC;
    vertical-align: middle
}

.viewer-image__preview {
    cursor: pointer
}
